import { ConfigProviderProps } from 'antd/lib/config-provider';
import zhCN from 'antd/lib/locale/zh_CN';

// antd样式的配置，下面给出的配置是一个天机本地化的主题，用户可以根据需求自由删除
// antd less 变量具体参考： https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less
export const antdTheme = {
  '@primary-color': '#29C0B1', // 主题色
  '@secondary-color': '#54BFA2', // 辅助色
  '@link-color': '#447DF1', // 链接色
  '@success-color': '#54BFA2', // 成功色
  '@warning-color': '#FDC12E', // 警告色
  '@import-color': '#9A59FF', // 警告色
  '@module-warning-color': '#FDC12E', // 模块警告色
  '@error-color': '#FF4949', // 错误色
  '@font-size-base': '14px', // 主字号
  '@heading-color': '#282832', // 标题色
  '@text-color': '#333333', // 主文本色
  '@text-color-secondary': '#7E7E99', // 次文本色
  '@text-color-remark': '#B3B3C2', // 备注色

  // disable
  '@disabled-color': '#b3b3c2',
  '@disabled-bg': '#F3F4F6',

  // border
  '@border-radius-base': '4px', // 组件/浮层圆角
  '@border-color-base': '#DDDFE8', // 边框色
  '@border-color-info': '#E5ECF3',

  '@box-shadow-base': '0 4px 6px 0 rgba(25,26,29,0.05)', // 浮层阴影

  // button
  '@btn-font-weight': '500', // btn字重
  '@btn-disable-color': '@disabled-color',
  '@btn-disable-bg': '@disabled-bg',
  '@btn-disable-border': '@border-color-base',
  '@btn-padding-base': '0 16px',
  '@btn-font-size-lg': '16px',
  '@btn-font-size-base': '15px',
  '@btn-font-size-sm': '14px',
  '@btn-padding-lg': '0 10px',
  '@btn-padding-sm': ' @btn-padding-base',
  '@btn-height-base': '36px',
  '@btn-height-lg': '40px',
  '@btn-height-sm': '30px',

  // form
  '@label-required-color': '@error-color',
  '@label-color': '#7E7E99',
  '@form-item-margin-bottom': '12px',
  '@form-item-trailing-colon': 'none',

  // Input
  '@input-height-base': '36px',
  '@input-placeholder-color': '#B3B3C2',
  '@input-color': '#282832',
  '@input-hover-border-color': '#B3B3C2', // todo focus&active无

  // Pagination
  '@pagination-item-size': '26px',
  // '@pagination-item-size-sm': 24px,
  '@pagination-font-family': 'PingFangSC-Medium',
  // '@pagination-font-weight-active': '300',
  '@pagination-item-bg-active': '#7E7E99',

  // Menu
  '@menu-collapsed-width': '48px',
  '@menu-inline-toplevel-item-height': '40px',
  '@menu-item-height': '34px',
  '@menu-popup-bg': '#ffffff',
  '@menu-item-active-border-width': '0px',
  '@menu-item-group-title-color': '#B3B3C2',
  // dark theme
  '@menu-dark-color': '#fff',
  '@menu-dark-bg': '#29293B',
  '@menu-dark-arrow-color': '#7E7E99',
  '@menu-dark-submenu-bg': '#ffffff',
  // '@menu-dark-highlight-color': '#4985FF',
  '@menu-dark-item-active-bg': '#181827',

  // layout
  '@layout-sider-background': '#29293B',
  '@layout-trigger-height': '40px',
  '@layout-trigger-background': '#29293B',

  // modal
  '@modal-body-padding': '20px',

  // Tabs
  '@tabs-horizontal-padding': '0',
  '@tabs-horizontal-margin': '20px 30px 5px 0',
  '@tabs-hover-color': '#282832',
  '@tabs-title-font-size': '14px',
};

// antd的全局方案配置
export const antdGlobalConfig: ConfigProviderProps = {
  locale: zhCN,
};
